<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="add.css"/>
    <link rel="stylesheet" href="../../../../lib/datetimepicker/css/datetimepicker.css"/>
    <title>新增</title>
</head>
<body>
<ol class="top_nav">
    <li><a href="#"><i class="icon icon-th-list"></i>用户管理</a></li>
    <li> > <a href="#">公司类型租户管理</a></li>
    <li> > <a href="#">公司类型租户详情</a></li>
    <div class="back"><a href="#">返回<i class="icon icon-reply"></i></a></div>
</ol>
<div class="addrole">
    <span>新增用户角色:</span>
    <select>
        <option>建筑公司</option>
        <option>分包班组单位</option>
        <option>材料供应商</option>
        <option>设施供应商</option>
        <option>设备供应商</option>
    </select>
</div>
<div class="btn-group tab-groups">
    <input type="button" class="btn btn-primary" value="档案资料">
    <input type="button" class="btn " value="账户列表">
    <input type="button" class="btn " value="银行账户">
    <input type="button" class="btn " value="资金账户">
    <input type="button" class="btn btn-danger" value="删除">
</div>

<!--开始填写信息-->

<div class="news_container">
    <div class="tab_container">
        <div class="news_one now" id="step_one">
            <div class="circle active" id="num1">1</div>
            <div class="txt " id="txt1">基本信息填写</div>
        </div>

        <div class="news_two" id="step_two">
            <div class="circle"  id="num2">2</div>
            <div class="txt" id="txt2">上传证件、照片</div>
        </div>

        <div class="news_three" id="step_three">
            <div class="circle" id="num3">3</div>
            <div class="txt" id="txt3">提交</div>
        </div>
        <div class="back_color"></div>
    </div>
    <div class="clearfix"></div>
</div>
<div class="forms">
    <div id="fieldate_one">
        <form action="" method="post" class="form-horizontal form-condensed" name="form_one">
            <fieldset>
                <!--基本信息编写-->
                <lenged style="color:#F39826">
                    <div style="width:100%;border-bottom: 1px solid #ccc">基本信息填写</div>
                </lenged>

                <div class="form-group">
                    <label class="col-sm-1">租户账号：</label>

                    <div class="col-md-3 col-sm-5" style="margin-left: -50px;">
                        <input type="text" name="saleNum" class="form-control" placeholder="201611122001">
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-md-1">单位类型：</label>
                    <label class="radio-inline">
                        <input type="radio" name="companyOptions" checked> 企业
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="companyOptions"> 事业单位
                    </label>
                </div>
                <div class="form-group" style="margin-left:150px;">
                    <label class="radio-inline">
                        <input type="radio" name="companyOptions"> 个体工商
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="companyOptions"> 党政国家机关
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="companyOptions"> 社会团队
                    </label>
                </div>
                <hr/>
            </fieldset>

            <!--企业信息-->
            <fieldset>
                <lenged style="color:#F39826">
                    <div style="width:100%;border-bottom: 1px solid #ccc">企业信息 <span
                            style="color:#000;">（按照证书上的内容逐字填写）</span></div>
                </lenged>

                <div class="form-group">
                    <label class="col-sm-3 col-md-1" style="margin-top: 15px;">证件类型：</label>
                    <label class="radio">
                        <input type="radio" name="business_card" checked> 普通营业执照（存在独立的组织机构代码证）
                    </label>
                    <label class="radio">
                        <input type="radio" name="business_card"> 多证合一营业执照（存在独立的组织机构代码证）
                    </label>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">企业名称：</label>

                    <div class="col-md-3 col-sm-5" style="margin-left: -50px;">
                        <input type="text" name="companyName" id="company_nameId" class="form-control" placeholder="下沙建筑公司"
                               onfocus="onFocusFun(this,'')" onblur="onBlurFun(this,'下沙建筑公司')">

                        <div id="company_name" class="tip_info"></div>
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">注册号：</label>

                    <div class="col-md-3 col-sm-5" style="margin-left: -50px;">
                        <input type="text" name="creditNameId" id="credit_nameId" class="form-control"
                               placeholder="如：0000001234"
                               onfocus="onFocusFun(this,'')" onblur="onBlurFun(this,'下沙建筑公司')">

                        <div id="credit_name" class="tip_info"></div>
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">单位所在地</label>

                    <div class="col-sm-1" style="margin-left: -50px;">
                        <select class="form-control" name="province">
                            <option>浙江</option>
                            <option>北京</option>
                        </select>
                    </div>
                    <div class="col-sm-1">
                        <select class="form-control" name="city">
                            <option>杭州</option>
                            <option>南京</option>
                        </select>
                    </div>
                    <div class="help-block tip_info" style="float:left"></div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">街道地址：</label>

                    <div class="col-md-3 col-sm-5" style="margin-left: -50px;">
                        <input type="text" id="streetAddr" class="form-control">

                        <div class="help-block tip_info"></div>
                    </div>
                </div>
                <hr/>
                <div class="form-group sellRegion">
                    <label>经营范围：</label>
                    <textarea class="l" cols="30" rows="5" id="sellRegion_txt" style="margin-left: 45px;"></textarea>

                    <div class="help-block tip_info" style="margin-left:118px"></div>
                </div>
                <hr/>
                <div class="input-group date form-date" data-date data-date-format="dd MM yyyy" data-link-field="dtp_input2"
                     data-link-format="yyyy-mm-dd">
                    <label class="col-sm-3">营业期限：</label>
                    <input type="text" class="form-control" id="sale_time" name="sale_time" value>
                        <span class="input-group-addon" id="spanId">
                            <span class="icon-calendar"></span>
                        </span>
                    <input type="checkbox" style="margin-left:10px">长期
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">组织机构代码：</label>

                    <div class="col-sm-3" style="margin-left: -50px;">
                        <input type="text" class="form-control" placeholder="如：000000234-1">
                    </div>
                </div>
                <hr/>
            </fieldset>

            <!--法定代表人信息-->
            <fieldset>
                <lenged style="color:#F39826">
                    <div style="width:100%;border-bottom: 1px solid #ccc">法定代表人信息</div>
                </lenged>
                <div class="form-group">
                    <label class="col-sm-1">法定代表人归属地</label>

                    <div class="col-sm-1" style="margin-left: -50px;">
                        <select class="form-control">
                            <option>中国大陆</option>
                            <option>海外</option>
                        </select>
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">法定代表人姓名：</label>

                    <div class="col-sm-1" style="margin-left: -50px;">
                        <input type="text" id="legal_name" class="form-control" name="legal_name">
                        <div class="help-block tip_info"></div>
                    </div>
                </div>
                <hr/>
                <div class="form-group">
                    <label class="col-sm-1">身份证号：</label>

                    <div class="col-sm-2" style="margin-left:-50px;">
                        <input type="text" id="id_num" class="form-control">

                        <div class="help-block tip_info"></div>
                    </div>
                </div>
                <hr/>
                <div class="input-group date form-date" data-date data-date-format="dd MM yyyy" data-link-field="dtp_input2"
                     data-link-format="yyyy-mm-dd">
                    <label class="col-sm-3">证件有效期：</label>
                    <input type="text" class="form-control" id="ident_time" name="ident_time" value>
                    <span class="input-group-addon">
                        <span class="icon-calendar"></span>
                    </span>
                    <input type="checkbox" style="margin-left:10px">长期
                    <div class="help-block tip_info" id="id_time" style="margin-left:98px"></div>
                </div>
                <hr>
            </fieldset>
            <!--其他信息-->
            <fieldset>
                <lenged style="color:#F39826">
                    <div style="width:100%;border-bottom: 1px solid #ccc">其他信息</div>
                </lenged>
                <div class="form-group sellRegion">
                    <label>公司简介：</label>
                    <textarea cols="30" rows="5" placeholder="请输入公司简介" style="margin-left: 34px;"></textarea>

                    <div class="help-block tip_info" style="margin-left: 340px">限50字，您已输入0字，还可输入50字</div>
                </div>
                <hr/>
                <div class="form-group sellRegion">
                    <label>公司介绍：</label>
                    <textarea cols="50" rows="10" placeholder="请输入公司介绍" style="margin-left: 34px;"></textarea>
                </div>

                <label>
                    <input class="next_step" id="save_btn" type="button" value="保存并下一步"/>
                </label>
            </fieldset>
            <hr>
        </form>
    </div>


    <!--上传证件、照片-->

    <div id="fieldate_two" class="hides">
        <form action="" name="form_two" methed="post" class="form-horizontal form-condensed">
            <label><h3 style="margin-left:50px;">上传证件照片</h3></label>

            <div class="containers">
                <div class="form-group">
                    <span style="vertical-align: top">营业执照</span>
                    <img src="../../../../img/none.png" alt="">

                    <div class="tip_one">请上传营业执照正本照片或者加盖公章的营业执照正本复印件，格式支持jpg、png上传图像大小须小于500k</div>
                    <button class="filepath_one">上传</button>
                    <div class="photo_tip">请上传营业执照上传图片文件大小必须小于500k</div>
                </div>
                <div class="form-group">
                    <span style="vertical-align: top;margin-left:-42px;">组织机构代码证</span>
                    <img src="../../../../img/none.png" alt="">

                    <div class="tip_two">请上传组织机构代码证正本照片或者加盖公章的组织机构代码证正本复印件，格式支持jpg、png上传图像大小须小于500k</div>
                    <button class="filepath_two">上传</button>
                    <div class="photo_tip">请上传组织机构代码证上传图片文件大小必须小于500k</div>
                </div>
                <div class="form-group">
                    <span style="vertical-align: top;margin-left:-80px;">法定代表人身份证照片</span>
                    <img src="../../../../img/none.png" alt="">
                    <img src="../../../../img/none.png" alt="" style="margin-left:75px;">

                    <div class="tip_front">身份证正面</div>
                    <div class="tip_back">身份证背面</div>
                    <button class="filepath_front">上传</button>
                    <button class="filepath_back">上传</button>
                    <div class="id_tip">请上传身份证正面照片 请上传身份证背面照片 上传图片文件大小必须小于500k</div>
                </div>
                <div class="form-group">
                    <span style="vertical-align: top">公司logo</span>
                    <img src="../../../../img/none.png" alt="">
                    <button class="filepath_logo">上传</button>
                    <div class="photo_tip">请上传公司logo 传图片文件大小必须小于500k</div>
                </div>

            </div>
            <div class="containers">
                <input type="button" value="上一步" class="btn" id="last_step">
                <input type="button" value="提交" class=" btn" id="submit">
            </div>
        </form>
    </div>
    <div id="fieldate_three" class="form_three hides">
        <i class="icon icon-check" style="color:#8BC34A"></i>
        <span>提交完成</span>
        <div>
            <input type="button" class="create_account" value="马上去建账号"/>
        </div>
    </div>
</div>



<script src="../../../../lib/jquery/jquery.js" type="text/javascript"></script>
<script src="../../../../lib/zui/zui.js" type="text/javascript"></script>
<script src="../../../../lib/datetimepicker/js/datetimepicker.js" type="text/javascript"></script>
<script src="../../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js" type="text/javascript"></script>
<script src="../../../../lib/layer/layer.js"></script>
<script src="add.js"></script>
<script>
    $(".form-date").datetimepicker(
            {
                language: "zh-CN",
                weekStart: 1,
                todayBtn: 1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0,
                format: "yyyy-mm-dd"
            });
</script>
</body>
</html>